// pages/search/search.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    //搜索关键词
    keywords: '',
    hotRank: [],
    searchStatus: false,
    songs: [],
  },

  //监听输入
  changeKeywordValue(detail) {
    this.setData({
      keywords: detail.detail
    })
    if (this.data.searchStatus==true && this.data.keywords == '') {
      this.setData({
        searchStatus: false
      })
    }
  },

  //搜索
  onSearch() {
    this.getData(this.data.keywords)
  },

  //获取热搜榜
  getHotRank() {
    wx.request({
      url: 'http://localhost:3000/search/hot/detail',
      success: res => {
        this.setData({
          hotRank: res.data.data
        })
      }
    })
  },

  //热搜列表点击搜索
  hotRankToSearch(e) {
    let index = e.currentTarget.dataset.index
    this.setData({
      keywords: this.data.hotRank[index].searchWord
    })
    this.onSearch()
  },

  //获取数据
  getData(keywords) {
    wx.request({
      url: `http://localhost:3000/cloudsearch?keywords=${keywords}`,
      success: res => {
        let songs = res.data.result.songs
        songs.forEach(item => {
          let ar = ''
          item.ar.forEach(item2 => {
            if (ar.indexOf(item2.name) == -1) {
              ar += ',' + item2.name
            }
          })
          item.ar = ar.slice(1)
        })
        this.setData({
          songs,
          searchStatus: true
        })
      }
    })
  },

  //跳转详情页
  goToDetail(e) {
    let id = e.currentTarget.dataset.id
    let index = e.currentTarget.dataset.index
    wx.setStorageSync('songs', JSON.stringify(this.data.songs))
    wx.navigateTo({
      url: `../../pages/detail/detail?id=${id}&index=${index}`,
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getHotRank()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})